<style>
    body{
        background-color: #f9f9f9;
    }
    table tr > th, table tr > td{
        max-width: 30%;
        word-break: break-all;
    }
</style>
<div class="view-control" style="margin-bottom: 15px;">
    <div class="dropdown" style="width: 110px;float: left;">
        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
            选择列表
            <span class="caret"></span>
        </button>
        <ul id="ul_state" class="dropdown-menu" aria-labelledby="box_state">
            <li><a href="#hits">命中</a></li>
            <li><a href="#nohits">未命中</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#download/info">下载速度</a></li>
            <li><a href="#timeout/error">下载超时</a></li>
            <li><a href="#download/error">下载失败</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#no/exist">不存在</a></li>
            <li><a href="#md5/error">验证失败</a></li>
            <li><a href="#eliminate/log">淘汰资源</a></li>
        </ul>
    </div>
    <div class="form-inline" style="float: left;margin-right: 15px;">
        <label for="">页码：</label>
        <input type="number" id="page" class="form-control" style="width: 50px;" value="1" min="1" />
    </div>
    <div class="form-inline">
        <label for="">行数：</label>
        <input type="number" id="size" class="form-control" style="width: 70px;" value="20" min="1" />
    </div>
</div>
<table id="tb_state" class="table table-hover" style="table-layout: fixed;">
    <thead>
        <tr class="info">
            <th>请点击下拉框选择查看...</th>
        </tr>
    </thead>
    <tbody>

    </tbody>
</table>